<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta charset="UTF-8">
<title><@h.sitename /></title>
<style>
	*{ margin:0px; padding:0px;}
	a{ font-size:12px; text-decoration:none}
	img,ul,li{ list-style:none; border:0px;}
	body {margin: 0 auto;font-family: Arial, Helvetica, sans-serif;	font-size: 14px;line-height: 150%;}
	ul, li, dl, dt, dd { list-style: none }
	a { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size: 14px; text-decoration: none; color:#000; }
	a:hover { text-decoration: underline }
</style>
<script type="text/javascript">
	var message = "${message!''}";
	if(message!=""){
		alert(message);
	}
	function login(){
		var username = document.getElementById("username").value;
		if(username==""){
			alert("请输入用户名！");
			return;
		}
		var password = document.getElementById("password").value;
		if(password==""){
			alert("请输入密码！");
			return;
		}
		document.getElementById("form1").submit();
	}
</script>
</head><!-- <body style="background-image:url(${ctx}/image/bgimage.jpg); background-size:100% 100%"> -->
<body style="background-image:url(${ctx}/image/bgimage.jpg); background-repeat: repeat-x;">

<form id="form1" action="${ctx}/loginon" method="post">
	<!-- 带子 -->
	<div style="width:54px;height:241px;position:absolute;z-index:1;background-image:url(${ctx}/image/shengzi.jpg);left:50%;margin:0 0 0 -27px">
	</div>
	<!-- 钮扣 -->
	<div style="width:145px;height:136px;position:absolute;z-index:2;background-image:url(${ctx}/image/kouzi.png);left:50%;margin:175px 0 0 -75px">
	</div>
	<!-- 胸卡 -->
	<div style="width:438px;height:266px;position:absolute;z-index:1;background-image:url(${ctx}/image/kapian.png);left:50%;margin:250px 0 0 -219px">
		<!-- 登录信息 -->
		<div style="position:absolute;top:80px;width:438px">
			<table width="438px">
				<tr>
					<td height="30px"><span style="float:left;margin-left:80px;font-size:18px;font-weight:bold">用户名：</span></td>
					<td><input type="text" id="username" name="username" size="20" style="float:right;margin-right:100px" value="" /></td>
				</tr>
				<tr>
					<td height="40px"><span style="float:left;margin-left:80px;font-size:18px;font-weight:bold">密&nbsp;&nbsp;&nbsp;&nbsp;码：</span></td>
					<td><input type="password" id="password" name="password" size="21" style="float:right;margin-right:100px" value="" /></td>
				</tr>
			</table>
		</div>
		<!-- 登录按钮 -->
		<div onclick="login()" style="position:absolute;top:155px;width:78px;height:28px;background-image:url(${ctx}/image/login_button.png);margin-left:180px;padding-top:5px;cursor:pointer">
			<span style="font-size:18px;font-weight:bold;margin-left:14px">登&nbsp;&nbsp;录</span>
		</div>
		<!-- 版本信息 -->
		<div style="text-align:center;position:absolute;bottom:28px;width:438px">
			<h3><@h.sitename /></h3>
		</div>
	</div>
	<!-- 阴影 -->
	<div style="width:438px;height:49px;position:absolute;z-index:1;background-image:url(${ctx}/image/bottom.png);left:50%;margin:540px 0 0 -219px">
	</div>
</form>
</body>
</html>